body{background:#fff;color:#55595c;font:14px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
@font-face {font-family: "iconfont";
  src: url('font/iconfont.eot'); /* IE9*//*css by m i n f i s h . c o m*/
  src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.fa{font-family:"iconfont"!important;font-style:normal;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
.mfwp,.xiaoyu_wp,.price-bin-box,.xiaoyu_article{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
a{color:#576366;text-decoration:none}
.thumb{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a:focus,a:hover{color:#343b3d;text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
fieldset{border:0;margin:0;min-width:0;padding:0}
figure{margin:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
hr{border:0;border-top:1px solid #eee;box-sizing:content-box;height:0;margin-bottom:20px;margin-top:20px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
img{border:0;vertical-align:middle; max-width:100%}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
ol,ul{list-style:none}
ol,ul,dl{margin-bottom:0;margin-top:0;padding-left:0}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}
.btn-default.disabled:focus,.btn-default.disabled.focus,.btn-default:disabled:focus,.btn-default:disabled.focus{background:#fff;border-color:#ddd}
.btn-default.disabled:hover,.btn-default:disabled:hover{background:#fff;border-color:#ddd}
.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle{background:#f2f2f2;border-color:#d0d0d0;color:#999}
.btn-default:active:hover,.btn-default:active:focus,.btn-default:active.focus,.btn-default.active:hover,.btn-default.active:focus,.btn-default.active.focus,.open>.btn-default.dropdown-toggle:hover,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle.focus{background:#e6e6e6;border-color:#c4c4c4;color:#999}
.btn-default:focus,.btn-default.focus{background:#f2f2f2;border-color:#d0d0d0;color:#999}
.btn-default:hover,.btn-default a:hover{background:#288bc7;border-color:#288bc7;color:#fff}
.btn-mo-demo-qrcode{position:relative}
.btn-mo-demo-qrcode img{max-width:100%}
.btn-mo-demo-qrcode:hover .mo-demo-qrcode{bottom:100%;opacity:1;transition:all .28s ease-in-out;visibility:visible;-webkit-transition:all .28s ease-in-out}
.mf-btn,.button,.xiaoyu-action-list .post-edit-link{border:none;border-radius:3px;display:inline-block;font-size:14px;font-weight:400;padding:4px 10px;text-align:center;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}
.mf-primary,.button-primary,.btn-primary,.xiaoyu-action-list .post-edit-link{background:#3298d6;border-color:#3298d6;color:#fff}
.mf-primary:hover,.button-primary:hover,.btn-primary:hover,.xiaoyu-action-list .post-edit-link:hover{background:#288bc7;border-color:#288bc7;color:#fff}

.category,.single-post,.author,.search,.single-download{background:#f4f6f5}
.clear{clear:both}
.clearfix:after,.mfwp:after{clear:both}
.clearfix:before,.clearfix:after,.mfwp:before,.mfwp:after{content:"";display:table;line-height:0}
.mfwp{margin:0 auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.excerpts-wrapper{margin-top:20px}
.single-format-gallery .article-content,.single-format-image .article-content,.single-format-video .article-content{margin:24px 0}
.single-format-video,.single-format-image,.single-format-gallery{background:#FFF}
.single-format-video .content-box{ padding:0;}
.content-box{margin-bottom:15px;padding:20px;display:block; overflow:hidden}
.content-box-mr{margin-bottom:20px;margin-right:380px;min-height:500px;position:relative}
.dh{padding-left:20px; line-height:20px;padding-top:12px; padding-bottom:0px}.dh1{padding-left:0px; line-height:20px;padding-top:0px; padding-bottom:10px}
.content-box-mr.nomr{margin-right:0}
.content-box-wp{float:left;width:100%}
.content-wrap{float:left;margin-bottom:15px;width:100%; display:block; overflow:hidden}
.focusbox{background:#fff;color:#eee;padding:30px 0;text-align:center;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
.focusbox .mfwp{text-align:center}
.focusbox .focusbox-text{color:#999}
.focusbox .focusbox-title{color:#333;font-size:24px;font-weight:400;margin:0;margin-bottom:5px}
.xiaoyu_catwp{margin-top:20px}

.pagemenus{background:#FFF;border-radius:3px;overflow:hidden}
.pagemenus a{border-top:1px solid #f2f2f4;display:block;padding:15px 30px}
.pagemenus a:hover{background:#f9f9f9}
.pagemenus li.active a{background:#384047;border-top-color:#384047;color:#eee}
.pagination{font-size:14px;padding:15px 15px 30px;text-align:center}
.pagination ul{list-style-type:none;margin:0;padding:0}
.pagination ul li{display:inline-block;margin:0 3px}
.pagination ul li a{background:#f0f0f0;color:#999;opacity:1;text-decoration:none}
.pagination ul li a,.pagination ul li span{border-radius:2px;display:inline-block;padding:7px 15px}
.pagination ul li a:hover,.pagination ul li a:focus{opacity:.8}
.pagination ul li span{color:#aaa;cursor:default}
.pagination ul li.active span{background:#3298d6;color:#fff}
.pagination-loading{padding:15px 0;text-align:center}
.pagination-loading img{max-width:70px}

.view-more-button-div{ width:200px;margin-top:20px;width:100%;text-align:center}
.view-more-button-div a{border:1px solid #eee;border-radius:2px;color:#666;display:block;padding:8px 10px;}
.view-more-button-div a:hover{background:#C00;border-color:#C00;color:#fff}

/* xiaoyu banner css*/
.flexslider{height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;width:100%;left:0;top:0;z-index:1;position:relative;min-width:1200px;}.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}.flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;zoom:1;}.flex-control-nav a{display:inline-block;width:12px;height:12px;border:2px solid #ededed;line-height:100px;overflow:hidden;border-radius:100%;background:none;cursor:pointer;}.flex-control-nav .flex-active{background:#FF860D;}.slides{position:relative;z-index:1;}.slides li{height:450px;}.flex-direction-nav{z-index:3;width:100%;margin:0 auto;position:relative;}.flex-direction-nav li a{display:block;width:44px;height:88px;overflow:hidden;cursor:pointer;position:absolute;top:160px;background:url(../images/arrowpart.png) center center no-repeat;}.flex-direction-nav li a.flex-prev{left:0;background-position:0 0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}.flex-direction-nav li a.flex-prev:hover{background-position:-98px 0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}.flex-direction-nav li a.flex-next{right:0;background-position:-49px 0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}.flex-direction-nav li a.flex-next:hover{background-position:-147px 0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
.deansidebar{width:263px;height:450px;position:absolute;top:0;left:0;z-index:11;background:url(../images/category-bg.png) repeat;}.deansidebar ul li{}.deansidebar ul li:last-child{border-bottom:0;}.deansidebar ul li:hover{background-color:rgba(255,255,255,1);border-left:3px solid #FF860D;}.deansidebar ul li:hover h5 a{color:#333;}.deannavsub a:hover{color:#FF860D;}
.deanliwraps{margin:0 13px;position:relative;border-bottom:1px #3a3434 solid;height:55px;}.deansidebar ul li h5{font-size:16px;color:#fff;padding:15px 0 3px 48px;}.deansidebar ul li h5 a{font-weight:bold;color:#fff;}.deansidebar ul li h5 i{display:block;width:9px;height:16px;position:absolute;right:10px;top:17px;background:url(../images/arrow_rr.png) center no-repeat;}.deansidebar ul li:hover h5 i{background:url(../images/arrow_r.png) center no-repeat;right:0;top:17px;}.deansidebar ul li h5 em{display:block;position:absolute;top:17px;left:10px;}.deansidebar ul li h5 em.deanfl0{width:20px;height:20px;background:url(../images/f4.png) center no-repeat;}.deansidebar ul li:hover h5 em.deanfl0{background:url(../images/f44.png) center no-repeat;}.deansidebar ul li:hover .deanliwraps{border-bottom:1px solid transparent;}.deannavsub{padding:0 15px 10px 41px;height:22px;overflow:hidden;}.deannavsub a{color:#acacac;margin-right:4px;line-height:15px;font-size:12px;}
.deanhiddenmenu{background:#fff url(../images/hiddenbg.png) right bottom no-repeat;position:absolute;left:258px;top:0;width:942px;min-height:450px;overflow:hidden;z-index:31;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;display:none;}.deansidebar ul li:hover .deanhiddenmenu{display:block;}.deanhiddenmenu dl dd{padding:10px 20px 0px 20px; width:45%; float:left}.deanhiddenmenu dl dd h2{height:30px;line-height:30px;font-size:14px;color:#333;border-bottom:1px solid #ededed;margin-bottom:10px;font-weight:bold;}.deanhdmbox{}.deanhdmbox a{display:inline-block;padding:0 5px 5px 0;font-size:12px;color:#666;}.deanhdmbox a:hover{color:#FF860D}.deanhdmbox a.deanhighlighttxt{color:#FF860D}.deaninnercontents{}.deannewNavContentLeft{float:left;width:50%;height:100%;overflow:hidden;}.deanlineListBox{}.deanlineListBox h2{margin:30px 20px 10px 20px;border-bottom:1px #e5e5e5 solid;padding-bottom:14px;}.deanlineListBox h2 a{font-size:25px;color:#000;}.deanlineListBox h2 a:hover{}.deanlineList{margin:0 20px;}.deanlineList a{display:inline-block;color:#333;font-size:14px;margin-right:10px;height:25px;line-height:25px;float:left;}.deanlineList a:hover{text-decoration:underline;}.deansidebar ul li h5 em.deanfl1{width:20px;height:18px;background:url(../images/f2.png) center no-repeat;}.deansidebar ul li:hover h5 em.deanfl1{background:url(../images/f22.png) center no-repeat;}.deansidebar ul li h5 em.deanfl2{width:20px;height:20px;background:url(../images/f3.png) center no-repeat;}.deansidebar ul li:hover h5 em.deanfl2{background:url(../images/f33.png) center no-repeat;}.deansidebar ul li h5 em.deanfl3{width:20px;height:20px;background:url(../images/f1.png) center no-repeat;}.deansidebar ul li:hover h5 em.deanfl3{background:url(../images/f11.png) center no-repeat;}.deansidebar ul li h5 em.deanfl4{width:20px;height:18px;background:url(../images/f5.png) center no-repeat;}.deansidebar ul li:hover h5 em.deanfl4{background:url(../images/f55.png) center no-repeat;}
.deansidebar ul li h5 em.deanfl5{width:20px;height:20px;background:url(../images/f6.png) center no-repeat;}.deansidebar ul li:hover h5 em.deanfl5{background:url(../images/f66.png) center no-repeat;}.deansidebar ul li h5 em.deanfl6{width:20px;height:20px;background:url(../images/f7.png) center no-repeat;}.deansidebar ul li:hover h5 em.deanfl6{background:url(../images/f77.png) center no-repeat;}.deansidebar ul li h5 em.deanfl7{width:20px;height:20px;background:url(../images/f8.png) center no-repeat;}.deansidebar ul li:hover h5 em.deanfl7{background:url(../images/f88.png) center no-repeat;}


.xiaoyu_slide_box{ display:none}
.xiaoyu_slider img{max-width:100%}
.in_banner{width:100%;position:relative;z-index:2;overflow:hidden;-moz-opacity:0;opacity:0; margin-top:-1px;}
.in_banner .slide_pic{width:1920px;height:612px;overflow:hidden;position:relative;z-index: 1;left:50%;margin-left:-960px;}
.in_banner .slide_pic li{float:left;width: 100%;height:612px;overflow:hidden;position:absolute;top:0;left:0;z-index: 1;display: none;}
.in_banner .slide_btn{width:100%;position:absolute;bottom:20px;bottom:-20px;left:0;margin-left:0;z-index:9;text-align:right;font-size:0px;padding-bottom:0;text-align:center;}
.in_banner .slide_btn ul{height:10px;display:inline-block;*display:inline;*zoom:0;overflow:hidden;position:relative;-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;}
.in_banner .slide_btn ul:before{width:98%;height:8px;content:"";position:absolute;top:0;left:0;border:1px solid #333;-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;}
.in_banner .slide_btn li{width:60px;height:10px;display:inline-block;cursor: pointer;*display:inline;*zoom:0;*display:inline;*zoom:1;background-color:none;position:relative;}
.in_banner .slide_btn li.active{background-color:#0076db;}
.in_banner .slide_left{position: absolute;left: 50%;margin-left:-580px;top: 50%;margin-top: -50px;z-index:2;left:0;}
.in_banner .slide_right{position: absolute;right: 50%;margin-right:-580px;top: 50%;margin-top: -50px;z-index:2;right:0;}
.in_banner .a_box{width:100%;display:block;height:612px;position:absolute;z-index:99;}
.bannerBg{width: 300%;margin-left: -100%;display: block;text-align: center;}
/*banner1*/.bannerCon1{width: 980px;height: 494px;margin-left: -490px;position: absolute;top: 59px;left: 50%;}
.ban1-left{width: 390px;height: 494px;text-align: center;position: absolute;top: 0;left: 13px;}
.ban1-left span{position: absolute;}
.ban1-leftImg1{width: 289px;margin: 29px auto 0 auto;position: relative;}
.ban1-leftImg1Con{opacity: 0;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}
.ban1-leftImg2{margin-top: 3px;opacity: 0;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-property: all;transition-property: all;}
.ban1-left .year{opacity: 0;}
.ban1-left .year1{bottom: 104px;left: 78px;}
.ban1-left .year2{bottom: 203px;left: 48px;}
.ban1-left .year3{top: 192px;left: 1px;}
.ban1-left .year4{top: 102px;left: 13px;}
.ban1-left .year5{top: 25px;left: 80px;}
.ban1-left .year6{top: 4px;right: 124px;}
.ban1-left .year7{top: 119px;right: 2px;}
.ban1-left .year8{bottom: 263px;right: 6px;}
.ban1-left .year9{bottom: 207px;right: 41px;}
.ban1-left .year10{bottom: 126px;right: 65px;}
.ban1-leftImg1 span{opacity: 0;}
.ban1-Icon1{top: 0;left: 141px;}
.ban1-Icon2{top: 14px;left: 201px;}
.ban1-Icon3{top: 45px;left: 27px;}
.ban1-Icon4{top: 37px;left: 63px;}
.ban1-Icon5{top: 58px;left: 116px;}
.ban1-Icon6{top: 51px;left: 173px;}
.ban1-Icon7{top: 48px;left: 233px;}
.ban1-Icon8{top: 84px;left: 35px;}
.ban1-Icon9{top: 103px;left: 1px;}
.ban1-Icon10{top: 107px;left: 45px;}
.ban1-Icon11{top: 119px;left: 116px;}
.ban1-Icon12{top: 128px;left: 205px;}
.ban1-Icon13{top: 111px;left: 267px;}
.ban1-Icon14{top: 174px;left: 34px;}
.ban1-Icon15{top: 182px;left: 192px;}
.ban1-Icon16{top: 160px;left: 262px;}
.ban1-Icon17{top: 219px;left: 111px;}
.ban1-Icon18{left: 59px;bottom: 62px;}
.ban1-Icon19{left: 202px;bottom: 66px;}
.ban1-Icon20{left: 158px;bottom: 33px;}
.ban1-Icon21{left: 85px;bottom: 10px;}
.bannerCon1.on .year{opacity: 1;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-property: all;transition-property: all;}
.bannerCon1.on .year1{-webkit-transition-delay: 1.9s;transition-delay: 1.9s;}
.bannerCon1.on .year2{-webkit-transition-delay: 2.0s;transition-delay: 2.0s;}
.bannerCon1.on .year3{-webkit-transition-delay: 2.1s;transition-delay: 2.1s;}
.bannerCon1.on .year4{-webkit-transition-delay: 2.2s;transition-delay: 2.2s;}
.bannerCon1.on .year5{-webkit-transition-delay: 2.3s;transition-delay: 2.3s;}
.bannerCon1.on .year6{-webkit-transition-delay: 2.4s;transition-delay: 2.4s;}
.bannerCon1.on .year7{-webkit-transition-delay: 2.5s;transition-delay: 2.5s;}
.bannerCon1.on .year8{-webkit-transition-delay: 2.6s;transition-delay: 2.6s;}
.bannerCon1.on .year9{-webkit-transition-delay: 2.7s;transition-delay: 2.7s;}
.bannerCon1.on .year10{-webkit-transition-delay: 2.8s;transition-delay: 2.8s;}
.bannerCon1.on .ban1-leftImg1Con{opacity: 1;-webkit-transition-delay: 1s;transition-delay: 1.4s;-webkit-transition-duration: 1s;transition-duration: 1.4s;-webkit-transition-property: all;transition-property: all;}
.bannerCon1.on .ban1-leftImg2{opacity: 1;}
.bannerCon1.on .ban1-leftImg1 span{opacity: 1;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-property: all;transition-property: all;-webkit-animation-name: bounceIn;-webkit-animation-duration: 1s;animation-name: bounceIn;animation-duration: 1s;}
.bannerCon1.on .ban1-Icon1{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.bannerCon1.on .ban1-Icon2{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.bannerCon1.on .ban1-Icon3{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.bannerCon1.on .ban1-Icon4{-webkit-transition-delay: 1.3s;transition-delay: 1.3s;-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}
.bannerCon1.on .ban1-Icon5{-webkit-transition-delay: 1.2s;transition-delay: 1.2s;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.bannerCon1.on .ban1-Icon6{-webkit-transition-delay: 1s;transition-delay: 1s;-webkit-animation-delay: 1s;animation-delay: 1s;}
.bannerCon1.on .ban1-Icon7{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.bannerCon1.on .ban1-Icon8{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.bannerCon1.on .ban1-Icon9{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.bannerCon1.on .ban1-Icon10{-webkit-transition-delay: .7s;transition-delay: .7s;-webkit-animation-delay: .7s;animation-delay: .7s;}
.bannerCon1.on .ban1-Icon11{-webkit-transition-delay: .4s;transition-delay: .4s;-webkit-animation-delay: .4s;animation-delay: .4s;}
.bannerCon1.on .ban1-Icon12{-webkit-transition-delay: 1.2s;transition-delay: 1.2s;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.bannerCon1.on .ban1-Icon13{-webkit-transition-delay: 1.6s;transition-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.bannerCon1.on .ban1-Icon14{-webkit-transition-delay: .6s;transition-delay: .6s;-webkit-animation-delay: .6s;animation-delay: .6s;}
.bannerCon1.on .ban1-Icon15{-webkit-transition-delay: .5s;transition-delay: .5s;-webkit-animation-delay: .5s;animation-delay: .5s;}
.bannerCon1.on .ban1-Icon16{-webkit-transition-delay: 1.8s;transition-delay: 1.8s;-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}
.bannerCon1.on .ban1-Icon17{-webkit-transition-delay: .3s;transition-delay: .3s;-webkit-animation-delay: .3s;animation-delay: .3s;}
.bannerCon1.on .ban1-Icon18{-webkit-transition-delay: 1.1s;transition-delay: 1.1s;-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}
.bannerCon1.on .ban1-Icon19{-webkit-transition-delay: 1.4s;transition-delay: 1.4s;-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}
.bannerCon1.on .ban1-Icon20{-webkit-transition-delay: .9s;transition-delay: .9s;-webkit-animation-delay: .9s;animation-delay: .9s;}
.bannerCon1.on .ban1-Icon21{-webkit-transition-delay: 1s;transition-delay: 1s;-webkit-animation-delay: 1s;animation-delay: 1s;}
.ban1-right{width: 516px;height: 289px;position: absolute;top: 89px;right: 0;}
.ban1-rightWord{opacity: 0;-webkit-transition-delay: 0;transition-delay: 0;-webkit-transform:translate( 250px, 0);transform:translate( 250px, 0);-webkit-transition-duration: 1.4s;transition-duration: 1.4s;-webkit-transition-property: all;transition-property: all;}
.ban1-rightWord1{}
.ban1-rightWord2{margin-top: 12px;}
.ban1-rightWord3{margin-top: 22px;}
.ban1-rightWord4{margin-top: 20px;-webkit-transform:translate( 0, 100px);transform:translate( 0, 100px);}
.bannerCon1.on .ban1-rightWord{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);}
.bannerCon1.on .ban1-rightWord1{-webkit-transition-delay: .4s;transition-delay: .4s;}
.bannerCon1.on .ban1-rightWord2{-webkit-transition-delay: .6s;transition-delay: .6s;}
.bannerCon1.on .ban1-rightWord3{-webkit-transition-delay: .8s;transition-delay: .8s;}
.bannerCon1.on .ban1-rightWord4{-webkit-transition-delay: 1s;transition-delay: 1s;}
/*banner2*/.bannerCon2{width: 980px;height: 446px;margin-left: -490px;position: absolute;top: 100px;left: 50%;}
.ban2-left{width: 319px;height: 446px;position: absolute;top: 0;left: 42px;opacity: 0;-webkit-transform:translate( -30%, 30%);transform:translate( -30%, 30%);}
.ban2-right{width: 564px;height: 158px;text-align: center;position: absolute;top: 113px;right: 16px;}
.ban2-rightWord1{font-size: 0;}
.ban2-rightWord1 span{margin: 0 13px;display: inline-block;opacity: 0;}


.ban2-rightWord2{margin-top: 30px;opacity: 0;-webkit-transform:translate( 0, 100px);transform:translate( 0, 100px);}
.ban2-rightWord3{width: 310px;height: 36px;margin-top: 29px;display: inline-block;position: relative;opacity: 0;-webkit-transform:translate( 0, 100px);transform:translate( 0, 100px);}
.ban2-rightWord4{width: 0;height: 17px;position: absolute;top: 9px;left: 12px;overflow: hidden;}
.bannerCon2.on .ban2-left{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1.5s;transition-duration: 1.5s;-webkit-transition-property: all;transition-property: all;}
.bannerCon2.on .ban2-rightWord1 span{opacity: 1;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;-webkit-animation-name: zoomInDown;animation-name: zoomInDown;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.bannerCon2.on .ban2-rightWord1img2{-webkit-transition-delay: .15s;transition-delay: .15s;-webkit-animation-delay: .15s;animation-delay: .15s;}
.bannerCon2.on .ban2-rightWord1img3{-webkit-transition-delay: .3s;transition-delay: .3s;-webkit-animation-delay: .3s;animation-delay: .3s;}
.bannerCon2.on .ban2-rightWord1img4{-webkit-transition-delay: .45s;transition-delay: .45s;-webkit-animation-delay: .45s;animation-delay: .45s;}
.bannerCon2.on .ban2-rightWord2{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1.3s;transition-duration: 1.3s;}
.bannerCon2.on .ban2-rightWord3{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1.3s;transition-duration: 1.3s;-webkit-transition-delay: .5s;transition-delay: .5s}
.bannerCon2.on .ban2-rightWord4{width: 239px;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-delay: 1.6s;transition-delay: 1.6s}
.bannerCon2.on2 .ban2-left{-webkit-animation: rocket .8s forwards;animation: rocket .8s forwards;}
.bannerCon2.on2 .ban2-rightWord1 span{-webkit-animation: zoomOutUp .8s forwards;animation: zoomOutUp .8s forwards;}
.bannerCon2.on2 .ban2-rightWord2{-webkit-animation: lightSpeedOut 1s forwards;animation: lightSpeedOut 1s forwards;}
.bannerCon2.on2 .ban2-rightWord3{-webkit-animation: lightSpeedOut 1s forwards;animation: lightSpeedOut 1s forwards;}
/*banner3*/.banner3Bg{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 2;}
.bannerCon3{width: 1000px;height: 524px;margin-left: -500px;position: absolute;top: 60px;left: 50%;z-index: 1;}
.ban3-leftImg{width: 259px;padding: 0 98px 0 88px;position: relative;}
.ban3-leftphone{position: relative;z-index: 2;opacity: 0;-webkit-transform:translate( 0, -30%);transform:translate( 0, -30%);}
.ban3-leftIconling{width: 321px;position: absolute;top: 102px;left: 61px;z-index: 1;}
.ban3-leftphoneCon{width: 218px;height: 372px;position: absolute;top: 77px;left: 22px;overflow: hidden;}
.ban3-leftphoneImg{opacity: 0;}
.ban3-Icon{position: absolute;z-index: 3;opacity: 0;}
.ban3-Icon1{width: 48px;top: 80px;left: 0;}
.ban3-Icon2{width: 50px;top: 227px;left: 0;}
.ban3-Icon3{width: 44px;top: 378px;left: 4px;}
.ban3-Icon4{width: 55px;top: 78px;right: 0;}
.ban3-Icon5{width: 53px;top: 225px;right: 2px;}
.ban3-Icon6{width: 44px;top: 376px;right: 8px;}
.ban3-rightWord{width: 456px;height: 279px;text-align: center;position: absolute;top: 112px;right: 20px;z-index:3;}
.ban3-rightWord1{opacity: 0;}
.ban3-rightWord2{margin-top: 6px;opacity: 0;}
.ban3-rightWord3{margin-top: 10px;opacity: 0}
.ban3-rightWord4{margin-top: 12px;opacity: 0;}
.ban3-rightWord5{margin-top: 36px;opacity: 0;}
.bannerCon3.on .ban3-leftphone{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: .6s;transition-duration: .6s;-webkit-transition-property: all;transition-property: all;}
.bannerCon3.on .ban3-leftphoneImg{-webkit-animation: bounceIn1 .6s linear .7s forwards;animation: bounceIn1 .6s linear .7s forwards;}
.bannerCon3.on .ban3-Icon{-webkit-animation: bounceIn 1.5s linear 1s forwards;animation: bounceIn 1.5s linear 1s forwards;}
.bannerCon3.on .ban3-rightWord1{-webkit-animation: rotateInUpRight .5s linear .5s forwards;animation: rotateInUpRight .5s linear .5s forwards;}
.bannerCon3.on .ban3-rightWord2{-webkit-animation: rotateInUpLeft .5s linear .65s forwards;animation: rotateInUpLeft .5s linear .65s forwards;}
.bannerCon3.on .ban3-rightWord3{-webkit-animation: rotateInUpRight .5s linear .8s forwards;animation: rotateInUpRight .5s linear .8s forwards;}
.bannerCon3.on .ban3-rightWord4{-webkit-animation: rotateInUpLeft .5s linear .95s forwards;animation: rotateInUpLeft .5s linear .95s forwards;}
.bannerCon3.on .ban3-rightWord5{-webkit-animation: zoomInUp 1s linear 1s forwards;animation: zoomInUp 1s linear 1s forwards;}
.bannerCon3.on2 .ban3-leftImg{opacity: 0;-webkit-transform:translate( -300px, 0);transform:translate( -300px, 0);-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}
.bannerCon3.on2 .ban3-rightWord{opacity: 0;-webkit-transform:translate( 300px, 0);transform:translate( 300px, 0);-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}
/*banner4*/.bannerCon4{width: 1000px;height: 512px;margin-left: -500px;position: absolute;top: 75px;left: 50%;}
.ban4-leftWord{width: 250px;padding-left: 146px;position: absolute;top: 64px;left: 0;}
.ban4-leftWord2{opacity: 0;}
.ban4-leftfour span{position: absolute;display: block;opacity: 0;}
.ban4-leftfour1{width: 129px;height: 0;overflow: hidden;top: 0;left: 0;-webkit-transition-property: height;transition-property: height;}
.ban4-leftfour2{width: 0;height: 208px;overflow: hidden;top: 0;left: 0;-webkit-transition-property: width;transition-property: width;}
.ban4-leftfour3{width: 129px;height: 0;overflow: hidden;top: 0;left: 0;-webkit-transition-property: height;transition-property: height;}
.ban4-leftfour{width: 129px;position: absolute;top: 0;left: 4px;}
.ban4-rightImg{width: 875px;height: 512px;position: absolute;top: 0;right: -79px;}
.ban4-ightImg1{position: relative;z-index: 3;}
.ban4-rightImg1{width: 875px;position: absolute;top: 0;left: 0;z-index: 3;opacity: 0;-webkit-transform:translate( 0, 80px);transform:translate( 0, 80px);}
.ban4-rightImg2{width: 427px;position: absolute;bottom: 25px;right: 66px;z-index: 4;opacity: 0;-webkit-transform:translate( 0, 80px);transform:translate( 0, 80px);}
.ban4-rightImg3{width: 140px;position: absolute;bottom: 37px;left: 72px;z-index: 1;opacity: 0;-webkit-transform:translate( 0, 80px);transform:translate( 0, 80px);}
.ban4-rightImg4{width: 790px;position: absolute;top: 74px;left: 42px;z-index: 2;opacity: 0;}
.bannerCon4.on .ban4-rightImg1{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: all;transition-property: all;}
.bannerCon4.on .ban4-rightImg2{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-delay: .25s;transition-delay: .25s;-webkit-transition-property: all;transition-property: all;}
.bannerCon4.on .ban4-rightImg3{opacity: 1;-webkit-transform:translate( 0, 0);transform:translate( 0, 0);-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-delay: .5s;transition-delay: .5s;-webkit-transition-property: all;transition-property: all;}
.bannerCon4.on .ban4-rightImg4{opacity: 1;-webkit-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transition-delay: 1.3s;transition-delay: 1.3s;-webkit-transition-property: all;transition-property: all;}
.bannerCon4.on .ban4-leftWord2{opacity: 1;-webkit-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transition-delay: 1.3s;transition-delay: 1.3s;-webkit-transition-property: all;transition-property: all;}
.bannerCon4.on .ban4-leftfour1{opacity: 1;height: 208px;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-delay: 2s;transition-delay: 2s;}
.bannerCon4.on .ban4-leftfour2{opacity: 1;width: 129px;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-delay: 2.05s;transition-delay: 2.05s;}
.bannerCon4.on .ban4-leftfour3{opacity: 1;height: 208px;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-delay: 2.4s;transition-delay: 2.4s;}
.bannerCon4.on2 .ban4-leftWord{opacity: 0;-webkit-transform:translate( 0, -300px);transform:translate( 0, -300px);-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}
.bannerCon4.on2 .ban4-rightImg{opacity: 0;-webkit-transform:translate( 0, 300px);transform:translate( 0, 300px);-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-property: all;transition-property: all;}
@-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2);}
20%{-webkit-transform: scale3d(1.3, 1.3, 1.3);transform: scale3d(1.3, 1.3, 1.3);}
40%{-webkit-transform: scale3d(.7, .7, .7);transform: scale3d(.7, .7, .7);}
60%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
80%{-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2);}
20%{-webkit-transform: scale3d(1.3, 1.3, 1.3);transform: scale3d(1.3, 1.3, 1.3);}
40%{-webkit-transform: scale3d(.7, .7, .7);transform: scale3d(.7, .7, .7);}
60%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
80%{-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@-webkit-keyframes zoomInDown{from{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown{from{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes rocket{30%{opacity: 1;-webkit-transform:translate( -15%, 15%);transform:translate( -15%, 15%);}
to{opacity: 0;-webkit-transform:translate( 40%, -40%);transform:translate( 40%, -40%);}}
@keyframes rocket{30%{opacity: 1;-webkit-transform:translate( -15%, 15%);transform:translate( -15%, 15%);}
to{opacity: 0;-webkit-transform:translate( 40%, -40%);transform:translate( 40%, -40%);}}
@-webkit-keyframes lightSpeedOut{from{opacity: 1;}
to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}
@keyframes lightSpeedOut{from{opacity: 1;}
to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}
@-webkit-keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes zoomIn{from{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
50%{opacity: 1;}
100%{opacity: 1;}}
@keyframes zoomIn{from{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
50%{opacity: 1;}
100%{opacity: 1;}}
@-webkit-keyframes bounceIn1{from, 70%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2);}
70%{-webkit-transform: scale3d(1.3, 1.3, 1.3);transform: scale3d(1.3, 1.3, 1.3);}
to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes bounceIn1{from, 70%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2);}
70%{-webkit-transform: scale3d(1.3, 1.3, 1.3);transform: scale3d(1.3, 1.3, 1.3);}
to{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes ban3Icon{0%{opacity: 0;}
to{opacity: 1;-webkit-transform: scale3d(1, 1, 1) translate(0,0);transform: scale3d(1, 1, 1) translate(0,0);}}
@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -20deg);transform: rotate3d(0, 0, 1, -20deg);opacity: 0;}
to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -20deg);transform: rotate3d(0, 0, 1, -20deg);opacity: 0;}
to{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 20deg);transform: rotate3d(0, 0, 1, 20deg);opacity: 0;}
to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 20deg);transform: rotate3d(0, 0, 1, 20deg);opacity: 0;}
to{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@-webkit-keyframes zoomInUp{from{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
100%{opacity: 1;}}
@keyframes zoomInUp{from{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
100%{opacity: 1;}}